Input Button Width in a style sheet.

DBLWizard

Howdy All,

I am trying to standardize all the buttons on a site by using a style
sheet to specify their height, width, background all those things. But
I can seem to get the simplest of things to work. Below I have put a
simple page with an Input type of button. Can somebody tell me what I
am doing wrong?

<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE type="text/css">
button-standard{
WIDTH: 200px;}
</STYLE>
</HEAD>
<BODY>

<input type="button" value="Hello" style="button-standard">

</BODY>
</HTML>
Thanks

dbl

Jul 21 '05 #1

Subscribe Post Reply

54390

Els

DBLWizard wrote:

Howdy All,

I am trying to standardize all the buttons on a site by using a style
sheet to specify their height, width, background all those things. But
I can seem to get the simplest of things to work. Below I have put a
simple page with an Input type of button. Can somebody tell me what I
am doing wrong?

<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE type="text/css">
button-standard{
WIDTH: 200px;}
</STYLE>
</HEAD>
<BODY>

<input type="button" value="Hello" style="button-standard">

</BODY>
</HTML>

Replace style="button-standard" by class="button-standard", and prefix
the style selector with a '.'

Like so:
<style type="text/css">
..button-standard{
width:200px;
}

The '.' stands for class. If you'd use an id instead of a class, the
style selector should start with a '#' instead of a '.'
--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Squeeze - Dr. Jazz

Jul 21 '05 #2

DBLWizard

Ohhhhh man do I feel stupid ... I have been stairing at this for tooooo
looonnnnggg.

Thanks

Jul 21 '05 #3

by: KathyB | last post by:

Hi, I'm trying to find a way to validate input text boxes where I don't know the names until the page is rendered. I've got 2 validate functions that fire with the onsubmit button of a "mini" form...

Javascript

Size of IE input button

by: Per Steffensen | last post by:

Hi I have the following in my html: <input type="button" value="Short"/> <input type="button" value="Very long text on this button"/> It gives two buttons on the html form. My problem is...

HTML / CSS

add to <input> to <form> with javascript?

by: Ben | last post by:

Here's my form: <form name="aForm" method='post'> <input type=file name=file1 onkeypress='KeyPress()'><br> <a id='attachMoreLink' href='javascript:AddFileInput()">Attach More Files </a> <input...

Javascript

Dynamic width of a text input field in a form

by: NullBock | last post by:

Hi, I'm trying to create a form with a text-input (not textarea) that expands to the size available, using CSS. I thought that a simple display:block would work: <form> <div> <input...

HTML / CSS

<INPUT = 'File'> upload problem

by: Brian Henry | last post by:

Hi, I am having a problem with an attachment system I made... it works with files up to ~3MB in size then after that if you try to upload a file it just goes to a "Page can not be displayed" page...

ASP.NET

XslCompiledTransform closing input tag

by: S. David Kyle | last post by:

I am having a weird issue when I generate an input Html tag from a Xsl transformation. When the trasform is executed on the xsl below, the <inputtag has the closing slash removed in the first...

.NET Framework

calculations using createElement input text boxes in a table

by: acecraig100 | last post by:

I am fairly new to Javascript. I have a form that users fill out to enter an animal to exhibit at a fair. Because we have no way of knowing, how many animals a user may enter, I created a table...

Javascript

Dynamic input form...

by: The Devil | last post by:

Hi, This is not just a simple input form made with javascript. This is the code: <html><head> <script language="JavaScript"> var i=0; function add(inputEvent, inputDur, inputCode,...

Javascript

How to get text input box to fill remaining space?

by: Mike Harrison | last post by:

Hi, I have some simple HTML like this: <div id="container" style="width:100%;"> <input type="text" <input type="button" style="float:right;" value="Click here..."> </div> I want the button...

HTML / CSS

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...

C# / C Sharp

Input Button Width in a style sheet.

Similar topics